/*
* @Author: zyp
* @Date:   2017-08-22 19:00:26
* @Last Modified by:   zyp
* @Last Modified time: 2017-08-29 13:30:06
*/
*{
    margin:0;padding:0;

    -webkit-tap-highlight-color:rgba(255,255,255,0);
    -webkit-appearance:none;
}

a{
    text-decoration:none;
    color:$color-text-l;
}
ul,li{
    padding:0;
    margin:0;
    list-style:none;
}
.red{
    color:$color-sub-theme;
}
.greyThree{
    color:$color-text-d;
}
.greySix{
    color:$color-dialog-background;
}
.greyNine{
    color:$color-text-d;
}
.text-center{
    text-align:center;
}
.text-left{text-align:left;}
.text-right{text-align:right;}
.block{display:block;}
.none{display:none;}
input{
    border:none;
    outline:medium;
    color:$color-text-l;
    font-size:$font-size-medium;
    background-color:transparent;
}
::-webkit-input-placeholder{
    color:#999;
}
:-moz-placeholder{
    color:$color-text-ll;
}
::-moz-placeholder{
    color:$color-text-ll;
}
:-ms-input-placeholder{
    color:$color-text-ll;
}

textarea{
    resize:none;
    outline:none;
    border:none;
    color:$color-dialog-background;
    font-size:$font-size-medium;
    box-shadow:0 0 0 rgba(0,0,0,0);
    -webkit-appearance:none;
    -webkit-tap-highlight-color:transparent;
}

/*灰色遮罩层*/
.mask{
    background-color:$color-background-d;
    position:fixed;
    color:#fff;
    top:0;
    width:100%;
    z-index:1000;
    height:100%;
    display:none;
}

/* 浮动 */

.clearfix:after{
     content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;        

}
.left{
    float:left;
}
.right{
    float:right;
}

.margin{
    margin:0 auto;
}
.division{
    height:10px;
    background-color:$color-background;
}